import React, { PureComponent } from 'react';
import addServices from '../addServices';

class ServiceName extends PureComponent {
    // componentWillReceiveProps(){
    //     console.log('第一次渲染dom的时候不会触发这个函数，仅有props发生改变之后才会触发');
    // }

    // shouldComponentUpdate(nextProps,nextStates){
    //     // 即将改变的props和即将改变的states
    //     console.log(nextProps,nextStates);
    //     return false
    // }
    render() {
        return (
            <div>
                <p>这是输入框</p>
                <div>
                    <input placeholder='请输入服务名称' value={this.props.serviceName} onChange={this.props.onInput} type="text"/>
                    <button onClick={this.props.addServices}>添加服务</button>
                </div>
            </div>
        );
    }
}
 
export default ServiceName;